<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="layui/css/layui.css"/>
		<style type="text/css">

			
			.children{
				height: 100%;
				display: flex;
				flex-direction: column;
				justify-content: center;
				text-align: center;
			}
			
			div>img{
				width: 100%;
			}
			div{
				padding: 10px;
			}
		</style>
	</head>
	<body>
		<div class=" layui-row">
			<!--
				layui-col 表示我是列
				md指定的屏幕尺寸(见说明)
				5是指占据5/12比例
			-->
			<div class="children   layui-col-sm6 layui-col-md3 layui-col-lg2">
				<img src="img/shop.jpg" />
				<p style="text-align: center;">娅丽达咖色休闲小西装外套女秋装2021</p>
				<span>¥ 389.00</span>
			</div>
			<div class="children  layui-col-sm6 layui-col-md3 layui-col-lg2">
				<img src="img/shop.jpg" />
				<p>娅丽达咖色休闲小西装外套女秋装2021</p>
				<span>¥ 389.00</span>
			</div>
			<div class="children   layui-col-sm6 layui-col-md3 layui-col-lg2">
				<img src="img/shop.jpg" />
				<p>娅丽达咖色休闲小西装外套女秋装2021</p>
				<span>¥ 389.00</span>
			</div>
			<div class="children   layui-col-sm6 layui-col-md3 layui-col-lg2">
				<img src="img/shop.jpg" />
				<p>娅丽达咖色休闲小西装外套女秋装2021</p>
				<span>¥ 389.00</span>
			</div>
			<div class="children   layui-col-sm6 layui-col-md3 layui-col-lg2">
				<img src="img/shop.jpg" />
				<p>娅丽达咖色休闲小西装外套女秋装2021</p>
				<span>¥ 389.00</span>
			</div>
			<div class="children   layui-col-sm6 layui-col-md3 layui-col-lg2">
				<img src="img/shop.jpg" />
				<p>娅丽达咖色休闲小西装外套女秋装2021</p>
				<span>¥ 389.00</span>
			</div>
			<div class="children   layui-col-sm6 layui-col-md3 layui-col-lg2">
				<img src="img/shop.jpg" />
				<p>娅丽达咖色休闲小西装外套女秋装2021</p>
				<span>¥ 389.00</span>
			</div>
			<div class="children   layui-col-sm6 layui-col-md3 layui-col-lg2">
				<img src="img/shop.jpg" />
				<p>娅丽达咖色休闲小西装外套女秋装2021</p>
				<span>¥ 389.00</span>
			</div>
			<div class="children   layui-col-sm6 layui-col-md3 layui-col-lg2">
				<img src="img/shop.jpg" />
				<p>娅丽达咖色休闲小西装外套女秋装2021</p>
				<span>¥ 389.00</span>
			</div>
			<div class="children   layui-col-sm6 layui-col-md3 layui-col-lg2">
				<img src="img/shop.jpg" />
				<p>娅丽达咖色休闲小西装外套女秋装2021</p>
				<span>¥ 389.00</span>
			</div>
			<div class="children   layui-col-sm6 layui-col-md3 layui-col-lg2">
				<img src="img/shop.jpg" />
				<p>娅丽达咖色休闲小西装外套女秋装2021</p>
				<span>¥ 389.00</span>
			</div>
			<div class="children   layui-col-sm6 layui-col-md3 layui-col-lg2">
				<img src="img/shop.jpg" />
				<p>娅丽达咖色休闲小西装外套女秋装2021</p>
				<span>¥ 389.00</span>
			</div>
		</div>
		<hr >
		<div  class="layui-row layui-bg-blue">
			<div class="layui-col-md-offset1 layui-col-md3 layui-bg-red">3</div>
		</div>
	</body>
	<script src="layui/layui.js" type="text/javascript" charset="utf-8"></script>
</html>
